body,html,.layui-table,ul{margin: 0;padding: 0;color: #333333;}
body,html{font:16px Microsoft YaHei,Arial,sans-serif}
.layui-container{width: 1280px; margin: 0 auto;overflow: hidden}
a{cursor:pointer}
a:hover{color: green}
*, *::before, *::after {box-sizing: border-box}
ul,li{list-style: none;list-style-type:none}
.layui-btn-primary,.layui-btn-primary:hover{border: none}
/**空字体***/
.hollow{color: white;text-shadow: 1px 1px #bcbdbd,-1px -1px #bcbdbd, 1px -1px #bcbdbd, -1px 1px #bcbdbd}
/***√**/
.cicle{position: relative;display:block;margin: 0 auto; width: 1.4rem;height: 1.4rem;border: 1px solid #333333;border-radius: 50%;}
.cicle:after {content: '\00a0';border: 2px solid #333333;border-top-width: 0;border-right-width: 0;width: 18px;height: 10px;-webkit-transform: rotate(-50deg);position: absolute;top:0;left:5px}
/**必填红点 */
.required:after{content: '*'; color: red; position: absolute; margin-left: 4px; font-weight: bold; line-height: 1.8rem; top: 6px; right: 5px;}
/**自定义滚动条样式 */
::-webkit-scrollbar{width: 6px; height: 6px}
::-webkit-scrollbar-track{background-color: transparent; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem;}
::-webkit-scrollbar-thumb{background-color: #6c6c6c; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem}
/**软件跳转按钮**/
.go_ccf{font-size: 1.1rem;text-align: right}
.go_ccf span{margin-right: 0.6rem;line-height: 32px}
.go_ccf a{background-color: #9B1728;padding: 0.4rem 1rem;font-size: 0.8rem;border-radius: 20px;color: white}
/**分页**/
.layui-laypage a:hover{color: #9B1728}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #b1535d}
/**块标题**/
header{padding: 5rem 0}
header .cn{font-size: 3.2rem;color:#9a1728;font-weight: bold}
header .en{font-size: 2rem;position: relative}
header .en .solid{color: #bcbdbd}
header .state{font-size: 1.1rem;line-height:1.8rem;color: #9d9c9c;padding-top: 55px;text-align:justify}
header .en:after{content: "";position: absolute;left: 0;bottom: -20px;width: 160px;height: 8px;background-color: #b1535d}
header.side{padding: 0 0 45px;margin-top: 0}
/**列表页标题**/
.top{text-align: center;padding: 30px 0 0 220px}
.top .max{font-size: 3rem;color: #b1535d}
.top .cae{font-size: 1.75rem;padding-top: 15px}
.middle{background-color: #e3e3e3;padding: 45px 0;display: flex}
.detailed{display: none}
/******************************************侧导航********************************************************/
.middle .left{width: 320px;padding: 30px 0; border-radius:  0 15px 15px 0;background-color: white}
.middle .left .layui-nav-tree{width: 100%;text-align: center;border-radius:  0 15px 15px 0}
.middle .layui-nav-tree a {font-size:1.25rem;color:black!important;line-height:80px;height:80px}
.middle .layui-nav-tree .layui-nav-item a:hover,.middle .layui-nav-bar{background-color: white;color: #b1535d}
.middle .layui-nav-tree .layui-nav-item:after{content: "";position: absolute;left: 50%;bottom: 0;margin-left: -60px; width: 120px;height: 5px;background-color: rgba(232, 233, 233, 0.53)}
.middle .layui-nav-tree .layui-nav-item:hover:after{background-color: #9B1728}
.middle .layui-nav-tree .layui-nav-item.layui-this:after{background-color: #9B1728}
.middle .right{width: 75%;margin:0 50px;padding: 25px 45px;border-radius: 15px;position: relative;background-color: white;z-index: 2}
.middle .right .horn{width:60px;height:60px;background-color: white;display: block;transform:rotate(45deg);border-radius: 0 0 0 12px;position: absolute;top:50px;left: -20px}
.middle>.right>.content{position:relative;z-index: 3}
.middle .layui-nav-tree .layui-nav-child dd.layui-this, .middle .layui-nav-tree .layui-nav-child dd.layui-this a, .middle .layui-nav-tree .layui-this, .middle .layui-nav-tree .layui-this>a, .middle .layui-nav-tree .layui-this>a:hover{background-color:inherit}

/**列表**/
#list{padding: 15px 0;min-height: 38rem}
#list dd{border-bottom: 1px solid #efefef}
#list dd div{display: inline-block;line-height: 2.6rem}
#list dd .fl{width: 79%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#list dd .fr{float: right}
#list dd .visit{color: darkgrey;font-size: 0.75rem}
#list dd .date{margin-left: 20px;font-size: 0.875rem}

/*证书列表*/
#cases{display: flex;justify-content: space-between;flex-flow: row wrap;flex: 0 1 auto}
#cases li.zs{width: 300px;height: 400px;margin: 40px 0;overflow: hidden;position: relative;box-shadow: 0 0 5px #4b5461}
#cases li.zs img{width: 102%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
#cases li.zs .shade, #cases li.zs .shade .simple{width: 100%;height: 100%}
#cases li.zs .shade {background: rgba(0, 0, 0, 0.8);position: absolute;left: 0;top: 0;padding: 25px;display: none}
#cases li.zs .shade .simple{text-align: center;color: white;padding: 25px}
#cases li.zs .shade .simple .title{font-size: 1.5rem;padding-top: 0;transition: padding-top 0.6s ease-in-out}
#cases li.zs .shade .simple .info{padding-top: 0;transition: padding-top 0.6s ease-in-out;line-height: 2rem}
#cases li.zs:hover,#cases li.sj:hover{ cursor:zoom-in}
#cases li.zs:hover .shade{display: block}
#cases li.zs .shade .wrap {width: 100%;height: 100%;position: relative}
#cases li.zs .shade .wrap .l_t, #cases li.zs .shade .wrap .r_b {position: absolute;top: 0;left: 0;width: 0;height: 0;border: 1px solid transparent;
    -webkit-transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
    -ms-transition: width 0.6s ease-in-out, height 0.6s ease;
    transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
    z-index: 9
}
#cases li.zs .shade .wrap:hover .info,#cases li.zs .shade .wrap:hover .title{padding-top: 50px}
#cases li.zs .shade .wrap:hover .l_t,#cases li.zs .shade .wrap:hover .r_b{width:100%;height:100%;box-sizing:border-box}
#cases li.zs .shade .wrap:hover .l_t{border-top-color: white;border-left-color: white}
#cases li.zs .shade .wrap:hover .r_b{top:auto;left:auto;right:0;bottom:0;border-bottom-color: white;border-right-color: white}

#cases li.sj{width: 300px;margin: 30px 0;box-shadow: 0 0 5px #4b5461;border-radius: 8px}
#cases li.sj .tu{height: 150px;overflow: hidden;position: relative;border-radius: 8px 8px 0 0}
#cases li.sj .tu img{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
#cases li.sj .simple{padding: 15px}
#cases li.sj .simple .info{text-align: left}
#cases li.sj .simple .info span:first-child{margin-right: 30px}
#cases li.sj .simple .title{font-size: 1.125rem;padding-top: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.look{width: 100%;height: 100%}
/*****************************************视频列表******************************************s***************/
#video{display: flex;justify-content: space-between;flex-flow: row wrap}
#video .item{width: 30%;margin: 30px 0;box-shadow: 0 0 5px #4b5461;border-radius: 8px}
#video .item:hover{cursor: pointer}
#video .item .tu{height: 200px;overflow: hidden;position: relative;border-radius: 8px 8px 0 0}
#video .item .tu img{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
#video .item .simple{padding: 15px}
#video .item .simple .info{text-align: left}
#video .item .simple .info span:first-child{margin-right: 30px}
#video .item .simple .title{font-size: 1.125rem;padding-top: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.video-class video{height: 100%;margin: 0 auto;display: block}
.video-class .layui-layer-content{background-color: black;padding-top: 25px}
/*****************************************导航条***********************************************************/
.head{background-color: white;padding: 1rem;overflow: visible}
.head img{width: 5rem;margin-right: 1rem}
.head .title{font-size: 1.3rem;font-weight: bold;color: #707070;margin-right: 1.3rem}
.head .title_cae{font-size: 1.125rem;color: #707070}
.layui-nav{background-color: white;color: #4b5461;padding: 0}
.layui-nav .layui-nav-item a{color: #333333;font-size: 1.2rem;text-shadow: 0 0 1px #a4a4a4}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color: #9B1728}
.layui-nav-bar{background-color: #9B1728}
.layui-nav-child{top:70px}
#phone i{color:#9B1728;font-size:1.6rem;line-height: 80px}
#phone {float: right;font-size: 1.1rem;line-height: 80px}
/**漂浮气泡**/
.fix{padding: 15px;border-radius: 30px}
.fix img{width: 150px;height: 150px}
.fix .text{width: 150px; padding: 15px}

/*****************************************首页**********************************************************/
.block_title{margin: 6rem auto}
.block_title .main{font-size: 3rem;color:#9B1728;font-weight:bold}
.block_title .note{font-size: 2rem;color:#f5d9d1;font-weight:bold;margin-bottom: -5.6rem;margin-left: 0.8rem}
.block_title a.all{padding: 0.5rem 1.3rem;border-radius: 1.2rem;background-color: #ffa500; margin-left: 3.8rem}

#tag{display: flex;justify-content: right;background-color: gainsboro;padding: 15px;margin-bottom: 35px;margin-top: -55px;align-items: center;border-radius: 0 0 30px 30px}
#tag .inlet{font-size: 20px;font-weight: bold}
#tag .inlet a{margin: 10px}

.first{padding: 2rem 0}
.first .news i{font-size: 1.8rem;font-weight: bold;  color: #c7011b}
.first .news .list{width:90%;height: 2rem;line-height: 2rem;border-radius: 30px;background-color: #e2e2e2;overflow: hidden}
.first .news .list a{font-size: 0.9rem}
.animate {padding-left: 1.2rem;font-size: 0.8rem;white-space: nowrap;animation: 10s wordsLoop linear infinite normal;}
@keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
#search{position: relative;margin: 0}
#search input{height: 2rem;border-radius: 30px;margin: 0 auto}
#search input:focus{border-color:#9B1728!important}
#search i{position: absolute;top:50%;right:12px;font-size: 1em;margin-top: -7px}

.two ul,.index_cp ul,.merit{display: flex; flex: 0 1 auto}
.two{padding: 6rem 10.625rem;margin: 0 auto 2rem; background-color: #eff1f3;text-align: center;border-radius: 1.6rem}
.two ul{justify-content: space-between;flex-flow:row nowrap}
.two ul li .num{font-size:3rem;font-weight:bold;color:#9B1728}
.two ul li .name{font-size: 1.1rem;color: #b57e83}
.two .title{padding-top: 2.8rem;font-weight: bold; font-size: 2.6rem;text-shadow: 0 0 3px #9B1728;color: #faded7;}
.two .cae{font-size: 1.2rem;color: #b57e83;margin-top: 0.3rem}

.merit{justify-content: space-around;flex-flow: row wrap;margin-bottom: 3rem}
.merit li{flex: 0 0 30%;text-align: center;margin-bottom: 3.8rem}
.merit li .bar{width: 10rem;height: 10rem;margin: 0 auto; border-radius: 50%;background-color: #f5d9d1;line-height: 10em;text-align: center}
.merit li i{font-size: 5rem;color: #9B1728}
.merit li:hover .bar{background-color: #9B1728;cursor: pointer}
.merit li:hover{color: #9B1728}
.merit .title{font-size: 1.2rem;margin-top: 0.9rem;font-weight: bold}
.merit li:hover i{color: white}
.merit .cae{font-size: 1.3rem;margin-top: 0.9rem}

.index_cp{padding-bottom: 5em}
.index_cp .jz_title{text-align: center;font-size: 2em;color: #b57e83}
.index_cp .jz_cae{text-align: center;font-size: 1.25em;margin: 10px auto 85px;color: #b57e83}
.index_cp ul{justify-content: space-between;flex-flow: row nowrap}
.index_cp ul a{text-align: center;position: relative}
.index_cp ul a p{padding-top: 0.5rem}
.index_cp ul li {color: #ffc605;box-shadow: inset 0 0 0 1px rgb(249, 232, 12);background-color: rgba(245, 217, 209, 0.64)}
.index_cp ul li::before,.index_cp ul li::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;margin: -5%;box-shadow: inset 0 0 0 2px;animation: clipMe 8s linear infinite;}
.index_cp ul li::before {animation-delay: -4s;}
.index_cp ul li:hover::after, .index_cp ul li:hover::before {background-color: rgba(255, 0, 0, 0.3);}
.index_cp ul li i{color: #9B1728;font-size: 6rem;padding: 3rem 2rem;display: block}
.index_cp ul li:hover i{color: #b57e83}
@keyframes clipMe {
    0%,
    100% {clip: rect(0px, 300px, 2px, 0px)}
    25% {clip: rect(0px, 2px, 300px, 0px)}
    50% {clip: rect(218px, 300px, 300px, 0px)}
    75% {clip: rect(0px, 300px, 300px, 300px)}
}

.info .news,.info .case{position: relative}
.info .news .all,.info .case .all{position: absolute;top: 0;right: 0;margin-top: -1.8rem;padding: 0.5rem 1.5rem;border-radius: 15px;background-color: #ffa500;font-size: 0.8rem}
.info .news .all i,.info .case .all i{font-size: 0.8rem}
.info .news.layui-elem-field legend,.case.layui-elem-field legend{font-size: 1.3rem;color: #b57e83}
.info .news header,.info .case header{border-bottom: #4b5461 solid 1px;font-size: 1.3rem}
.info .news,.info .case{display: inline-block}
.info .detailed{display: none;width: 100%}

.info li{border-bottom: 1px solid #e7e7e7}
.info .simple{display: table;width: 100%;table-layout: fixed}
.info .simple span{display: inline-block}
.info .simple>.title{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width: 75%;padding: 0.9rem 0}
.info .date{float: right;padding: 0.9rem 0}
.info .detailed{padding: 15px 0}
.info .detailed .image{width: 30%}
.info .detailed .image img{width:100%;border-radius: 5px}
.info .detailed .box{width: 68%;float: right}
.info .detailed .title,.info .detailed .content,.info .detailed .date{color: #b09168}
.info .detailed .title{text-overflow: initial;white-space:normal;width: 100%;font-weight: bold}
.info .news a:hover>li .simple{display: none}
.info .news a:hover>li .detailed{display: block}

.layui-carousel .content{position: absolute;bottom: 30px;left: 0;width: 100%}
.layui-carousel .content .cn{font-size: 7rem;font-weight: bolder}
.layui-carousel .content .en{font-size: 3rem;text-indent: 2rem;color: #b1535d}
.layui-carousel .content .cn .solid{color: #b1535d}
.layui-carousel .content .cn .hollow{color: #f5f2eb;text-shadow: 2px 2px #b1535d,-2px -2px #b1535d, 2px -2px #b1535d, -2px 2px #b1535d}
/********************************************产品列表页***************************************************/
.cp .zy{padding: 60px 0 30px}
.cp .qz ul,.cp .zy ul,.cp .ma ul,.cp .fb ul{display: flex;text-align: center}
.cp .qz ul img{width: 80%;margin-left: 20%}
.cp ul .title{font-size: 1.125rem;padding: 30px 0}
.cp .qz ul{justify-content: space-around;flex-flow: row wrap;margin-bottom: 30px}
.cp .qz ul a{width: 30%;margin-bottom: 100px}
.cp .qz ul li{position: relative}
.cp .qz ul li .title{position: absolute; width: 230px;height: 110px;background-color: #ff8192;left:20px;bottom: -80px;color: white;letter-spacing:5px}
.cp .zy ul,.cp .ma ul,.cp .fb ul{justify-content: space-between;align-items: flex-end;flex-flow: row wrap}
.cp .zy ul a{width: 22%;padding: 1.8rem 0}
.cp .zy ul img,.cp .ma ul img{width: 90%}

.cp .rj{display: flex;justify-content: center;align-items: center;margin:2rem 0 5rem}
.cp .rj header{padding:0 2rem 0 0}
.cp .rj img{width: 100%}
.cp .rj header a{width:180px;padding: 10px;background-color: #ff8192;color: white;border-radius: 30px;margin-top: 30px;display: block;text-align: center}
.cl2 ul a{width: 50%}
.cl3 ul a{width: 33%}
.cl4 ul a{width: 25%}
.cl5 ul a{width: 20%}
.cl6 ul a{width: 16%}
/********************************************产品详情页***************************************************/
#rotation{text-align: center}
#rotation img{height: 100%}
.cp_view .main{margin-top: 6rem}
.cp_view .brief{padding-left:120px}
.cp_view .brief .header .cn{font-size: 2.9rem;color:#9a1728;font-weight: bold;margin-bottom: 10px}
.cp_view .brief .header .en{font-size: 2rem;position: relative}
.cp_view .brief .header .en .solid{color: #bcbdbd}
.cp_view .brief section{line-height: 5rem;margin-top: 70px}
.cp_view .brief section p{border-top: black solid 1px}
.cp_view .brief section p i,.cp_view .brief section p:last-child a{font-size: 1.3rem;color: #9B1728}
.cp_view .brief section p .attr{width: 48%;display: inline-block}
.cp_view .category header{width: 90%;margin: 0 auto}
#slide_switch{height: 280px;margin-top: -68px; background-color: #e84340;position: relative;margin-bottom: 240px}
#slide_switch .btn {width: 98%;margin: 0 auto; display: flex;justify-content: space-between;padding-top: 240px}
#slide_switch .btn a {width: 80px;height: 80px;line-height: 80px;text-align: center; border-radius: 50%;background-color: white;box-shadow: 0 0 5px #4b5461}
#slide_switch .btn a i{font-size: 3rem}
#slide_switch .btn a:hover {color:#FC9;text-decoration:none}
#slide {width:1280px;height:400px;margin:-240px auto 0;position:relative;overflow:hidden;}
#slide ul {position:absolute;top:0;left:0;white-space:nowrap}
#slide ul li {display: inline-block; width:260px;height:390px;margin: 0 15px; background-color: white;border-radius: 30px;box-shadow: 0 0 5px #4b5461}
#slide ul li img {width:100%;height: 330px;border-radius: 30px 30px 0 0}
#slide ul li .name{width:100%;height: 60px; background-color: red;text-align: center;color: white;border-radius: 0 0 30px 30px;display: table;padding: 0 30px}
#slide ul li .name p{white-space:normal;word-wrap: break-word;display: table-cell;vertical-align: middle}
.tooltip {position: relative;width: 80%;min-height: 400px; padding: 60px; margin: 0 auto;border-radius: 20px;border:1px solid darkgrey;box-shadow: 1px 1px 5px darkgrey}
.triangle {display: block;height: 40px;width: 40px;border: inherit;background-color: white;position: absolute;top: -20px;left: 16%;clip-path: polygon(0% 0%, 100% 100%, 0% 100%);transform: rotate(135deg);border-radius: 0 0 0 10px}
.tooltip .layui-tab,.process .layui-tab{text-align: center;width: 100%;margin: 0 auto}
.tooltip .layui-tab .layui-tab-content{padding-top: 30px}
.tooltip .layui-tab-title li,.process .layui-tab-title li{width: 33%;text-align: center;font-size: 16px;font-weight: bold}/***字体不能用em必须用px，不然不显示***/
.tooltip .layui-tab-brief>.layui-tab-title .layui-this,.process .layui-tab-brief>.layui-tab-title .layui-this{color: #9B1728}
.tooltip .layui-tab-brief>.layui-tab-title .layui-this:after,.process .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 3px solid #9B1728}
.tooltip table{margin: 0 auto}
.tooltip table td, .tooltip table th,.process table td, .process table th{line-height: 26px;padding: 10px;border: 1px solid #323133}
.tooltip table th,.process table th{font-weight: bold}
.tooltip table th,.process table thead th{text-align: center}
.process{padding-top: 80px}
.process table{width: 100%}
.process table thead th{text-align: center}

/**流程图**/
.flow {margin: 30px auto;padding: 20px 0;position: relative;display: flex;justify-content: center;flex-flow: row nowrap}
.flowListBox .flowList {height: 1px;border:2px solid #f2faff;background: #f2faff;float: left;text-align: right;position: relative; width: 128px;}
.flowListBox .flowList em {}
.flowListBox .flowList strong {display: inline-block;height: 40px;line-height: 40px;font-weight: 400}
.flowListBox .for-cur{border: 2px solid #c6aaa2; background-color: #c6aaa2;text-align: center}
.flowListBox .for-cur strong {color:  #b1535d}
.flowListBox .for-cur em{margin-top: -20px;display: inline-block;width: 32px;height: 32px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;text-align: center; line-height: 28px;font-style: normal;vertical-align: middle;background: white;font-size: 0.75rem;border:3px solid #c6aaa2;color: #b1535d}

.superiority ul{display: flex;justify-content: space-between;flex-flow: row nowrap;flex: 0 1 auto}
.superiority ul li{width: 33%;display: flex;flex-flow: column nowrap;margin: 15px}
.superiority ul li img{width: 100%}
.superiority ul li .cae{margin: -40px 80px 80px; padding: 20px 0;background-color: #c71928;justify-content: center;display: flex;align-items: center;text-align: center;color: white;font-size: 1.125rem}

/*****************************************help*********************************************************/
.help{padding: 50px 80px}
.help>.title{border-bottom: 4px solid #d6d6d6;padding-bottom: 15px;color: #9b1728}
.help h1 .cn{font-size: 2.25rem}
.help h1 .en{font-size: 1.125rem;margin-left: 20px}
.help dl{padding: 10px 0;min-height: 600px}
.help dl dd{line-height: 36px;border-bottom: 1px solid #efefef}
.help dl dd a div{display: inline-block}
.help dl dd .title{width: 800px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.help dl dd .tail{float: right}
.help dl dd .tail .visit{color: darkgrey;font-size: 0.75rem}
.help dl dd .tail .date{margin-left: 30px}
/****************************************内容页********************************************************/
.view{margin-bottom: 60px}
.view h1,.view .info{text-align: center}
.view h1{padding: 1.8rem 2rem 0}
.view .info{padding: 10px;font-size: 0.875rem}
.view .info span{padding: 0 15px}
.view .content{padding: 0 2rem;line-height: 2rem;margin-bottom:50px;text-justify: distribute}
.view .content blockquote{margin: 20px 0 30px 0}
.answer .layui-field-box .content a, .view .content a{color: #0d957a}
.answer .layui-field-box .content a:hover, .view .content a:hover{color: gainsboro}
.view .content img{display: block; margin: 2rem auto;width: 90%}
.view .content table{width: 90%;margin: auto}
.view .content table,.view .content table th,.view .content table tr,.view .content table td{border: darkgrey solid 1px;padding: 3px 8px}
.view.serve a{color: #0d957a}
.view.serve .layui-field-box{padding: 15px}
.view.serve .layui-elem-field legend{font-size: 1rem}
.view.serve .layui-colla-content{padding: 15px}
.view.serve .layui-colla-content p img{width: 100%}
/*****************************************about*******************************************************/
.about .main{padding: 100px 0;overflow: hidden;display: flex;align-items: center}
.about .main h1{font-size: 2.6rem;text-align: center;color: #9b1728;font-weight: bold}
.about .main em{font-style:normal;text-align: center;color: #9b1728;display: block;font-size: 1.5rem;padding: 10px}
.about .main img{width: 320px;height: 320px;margin-left: 60px}
.about .main p{padding-top: 50px;text-align: justify;line-height: 1.8rem}
.about .content{overflow: hidden}
.about .content img{width: 480px;display: block;margin: 0 0 80px 60px}
.about .content .item{padding: 40px 0}
.about .content .item .title{font-weight: bold}
.about .content .item .title .cn{font-size: 3rem;color: #9b1728}
.about .content .item .title .en{font-size: 2.8rem;color: #bdbebe}
.about .content .item .cae{font-size: 2.6rem;color: #9b1728}
.about .content .item p{;padding-top: 10px;line-height: 1.8em}
/*****************************************相关问题*****************************************************/
.rel{padding: 0 40px}
.rel p{line-height:30px;color: #666666;}
.rel a:hover p{color: green}
/*****************************************上下页*******************************************************/
.pages{display: flex;justify-content: space-between;padding: 30px 60px}
/*****************************************footer*******************************************************/
.footer,.footer .layui-nav-item a,.footer .link a{color: white}
.footer{background-color: #252424;letter-spacing:0.10rem;padding: 60px 0}
.footer .logo{width: 100px;height:100px;margin-right: 15px}
.footer .title{font-size: 2.3rem;border-bottom:1px solid white;}
.footer .cae{font-size:1.2rem;text-align: center}
.footer .content{font-size: 1rem;line-height: 2rem;padding: 25px 0;text-align:justify;padding-right: 40px}
.footer .addr{font-size: 0.85em}
.footer .addr a{color: white}
.footer .addr p{margin: 8px 0}
.footer header{padding: 0;font-size: 1.125em}
.footer .layui-col-md2{border-left: 1px solid #3c3f41;text-align: center}
.footer .layui-nav-item {text-align: center}
.footer .layui-nav-item ul{padding-top: 70px}
.footer .layui-nav-item ul li{line-height:56px}
.footer .code{display: flex;justify-content: space-between;flex-flow: column nowrap; text-align: center;padding-left: 40px}
.footer .code img{width: 100%}
.footer .code p{margin: 22px}

/********************************************问答 GB头部********************************************************/
.wenda_head{background-color: #fc706f;color: white;margin-bottom: 20px}
.wenda_head .layui-container{display: flex;justify-content: space-between;flex-flow: row nowrap;line-height: 60px}
.wenda_head .logo{width: 50px;height: 63px; padding: 5px}
.wenda_head .title{font-size:1.6em;color: white}
.wenda_head .title:hover{color: gainsboro}
.wenda_head .search{;position: relative}
.wenda_head .search input{width: 320px;border: none;padding:6px 15px;border-radius: 15px}
.wenda_head .search i{position: absolute;top:50%;right: 10px; color:#fc706f;transform: translateY(-60%)}
.wenda_head .btn-group .layui-btn{padding: 0 20px}
/********************************************问答 GB底部********************************************************/
#shade{width: 100%;height: 100%;position: fixed;left: 0;top: 0;right: 0;bottom: 0; background-color: rgba(0, 0, 0, 0.8);display: none;z-index: 7}
#footer{padding: 15px;border-top: 1px solid #ececec;padding-top: 15px;text-align: center}
#footer .link,#footer .foot{ text-align: center;line-height: 24px}
#footer .link rem{font-style: normal;margin: 0 15px;color: #999}
#footer .foot{padding: 12px 0}
#footer .foot span{margin-right: 15px}
/********************************************问题********************************************************/
.question .content{padding-right: 40px}
.question .content .faxian{font-size: 1.6rem}
.question .layui-tab-title{right: 40px;left: auto;border: none}
.question .layui-tab-title li{padding: 0 10px;font-size: 16px}
.question .layui-tab-content{border-top: #cfcfcf solid 1px}
.question .layui-tab-content,.question .layui-card-body{padding: 10px 0}
.question .layui-tab-brief>.layui-tab-title .layui-this,.process .layui-tab-brief>.layui-tab-title .layui-this{color: #fc706f}
.question .layui-tab-brief>.layui-tab-title .layui-this:after,.process .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 1px solid #fc706f}
.question .content .list li{border-bottom: #d8d8d8 solid 1px;padding: 20px 0}
.question .content .list li .layui-elip{font-size: 1.125rem;height: 36px;font-weight: bold}
/********************************************答案********************************************************/
.answer .wt{border-bottom: solid darkgrey 1px}
.answer .wt .i{margin:20px 0}
.answer .wt .i i{font-size:18px;margin-right:0.3rem}
.answer .wt .i span{margin-right:3rem}
.answer fieldset{margin-top: 20px;padding: 15px}
.answer .layui-field-box .user img{width: 80px;height: 80px}
.answer .layui-field-box .user .layui-inline{margin-right: 20px}
.answer .layui-field-box .content{margin-top: 30px}
.answer .layui-field-box .row{text-align: right}
.answer .layui-field-box .row span{margin-left: 2rem}
.answer .layui-field-box .row span i{margin-left: 0.3rem}
/********************************************GB、搜索列表********************************************************/
#search_list,#gb{margin-right: 30px}
#search_list li,#gb li{display: flex;justify-content: space-between;line-height: 57px;border-bottom: darkgrey solid 1px}
#search_list li .title{width: 80%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
#search_list li .date{font-size: 0.725rem}

.gb-bg{background-color: #f2f2f2}
.gb-menu{background-color: #e6e6e6;overflow:scroll;}
.gb-mulu{text-align: center;background-color: #e6e6e6;border-bottom: #d6d6d6 solid 1px;padding: 10px;color: #868686}
.gb-path,.gb-content{background-color: white}
.gb-path{padding: 10px 20px;border-bottom: #d6d6d6 solid 1px}
.gb-path,.gb-path a{color: #868686}
#gb_list{margin-top: 20px}
#gb_list .layui-tree-entry{height: 42px;padding:0 18px;line-height: 42px}


.release{margin:35px 65px;position: relative;height: 650px}
.release .gb_icon{text-align: right}
.release .gb_icon img{width: 150px}
.release .title{font-size: 3rem;text-align: justify;text-align-last: justify;text-justify: distribute-all-lines;font-weight: bold;font-family: 宋体;padding: 15px 0}
.release .number{text-align: right}
.release .name{text-align: center;font-size:2.4rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.release .foot{width: 100%; position: absolute;bottom: 0}
.release .foot .conter{width: 480px; margin: 0 auto}
.release .foot .date{display: flex;justify-content: space-between;border-bottom: #9d9d9d solid 1px;line-height: 32px;margin-bottom: 6px}
.release .foot .dep{width: 420px;margin: 0 auto; font-size: 1.3rem}
.release .foot .dep p{text-align: justify;text-align-last: justify;text-justify: distribute-all-lines}
.release .foot .fb{width: 50px; text-align: right;font-size:1.3rem;line-height: 3rem}
.preface h1{text-align: center;margin-top: 30px}
.preface .content{padding-top:30px;margin:25px}
.clause{margin:30px;line-height: 2rem}
.clause h2{padding-bottom: 2rem;text-align: center}
.clause h3{padding-top: 1rem}
.clause img{max-width:100%}

@media screen and (max-width: 1280px) {
    body,html{font-size:14px}
    .layui-container{width: 1024px}
}